<template>
  <div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="date" :label="$t('messages.date')" />
      <el-table-column prop="name" :label="$t('messages.name')" />
      <el-table-column prop="address" :label="$t('messages.address')" />
    </el-table>
  </div>
</template>

<script setup>
const tableData = [
  {
    date: "2016-05-03",
    name: "Tom",
    address: "No. 189, Grove St, Los Angeles",
  },
  {
    date: "2016-05-02",
    name: "Tom",
    address: "No. 189, Grove St, Los Angeles",
  },
  {
    date: "2016-05-04",
    name: "Tom",
    address: "No. 189, Grove St, Los Angeles",
  },
  {
    date: "2016-05-01",
    name: "Tom",
    address: "No. 189, Grove St, Los Angeles",
  },
];
</script>

<style scoped></style>
